<DOCTYPE html>
<html>
    <head>  
        <title>个人简历</title>
        <meta charset="utf-8">
        <style>
            body{
                margin: 0;
                margin-bottom: 100px;
                background-color: #acc6ff;
                /*position: relative;*/

            }
            #banner{

                height: 400px;
                width: 100%;
                background-image: url(d.jpg);
                background-size: 100% 100%;
                /*背景从（ｘ，ｙ）点显示*/
                /*background-position: 50% 50%;*/

                /*position: relative;*/
                /*z-index: -1;*/
                /*background-repeat: no-repeat;*/
                position: relative;
                /*line-height: 50px;*/
                margin-top: 50px;
                /*padding-top: 50px;*/
                /*top: 50px;*/
                /*text-align: center;*/
                


            }
            #nav{
                background-image: url(b.jpg);
                /*width: 100%;*/
                /*height: 100px;*/
                background-repeat: no-repeat;
                background-size: 100% 100%;
                width: 100%;
                height: 50px;
                position: fixed;
                top:0;
                left: 0;
                z-index: 2;
                /*top: -50px;
                */
                
                


            }
            #inner-nav{
                margin: 0 auto;
                width: 1000px;
                height: 50px;
                line-height: 50px;
                text-align: right;



            }

            #inner-nav:before{
                content: "我的主页：";
                font-size: 30px;
            }
            #inner-nav a{
                text-decoration: none;
                display: inline-block;
                height: 50px;
                /*margin: 0;*/


                
            }
            #tit{
               
                top: 45%;
                left: 50%;
                position: absolute;
                /*transform: translateX(-50%);*/
                /*height: 20%;*/
                /*height: 30%;*/
                width: 500px;
                font-size: 120px;
                font-family: 宋体;
                font-weight: bold;
                font-style: normal;
                /*text-decoration: line-through;*/
                color: #002277;
                text-shadow: #0077ff 5px 5px 6px;
                /*overflow: hidden;*/

            }

            #container{
                width: 800px;
                margin: 0 auto;
            }
            .pic{
                /*宽度和父元素等宽*/
                width: 100%;
            }
            .text{
                text-indent: 2em;
            }
            .text::first-letter{
                font-size: 25px;
            }
            .pict{
                margin-top: 20px;

                height:600px;
                width: 410px;
                float: left;
            }
            .pictt{
                margin-top: 20px;
                height: 600px;
                width: 380px;
                float: right;
            }

            .clearfix:after{
                content: "";
                display: block;
                clear: both;
            }

            a{
                font-size:28px;
                color:#921aff;
                font-family: 黑体;
                /*text-decoration: none;*/
            }
            a:hover{
                background-color: #ddeebb;
                color:#0055ff;
            }

            #mydongwu{
                background-image: url(b.jpg);
                height: 600px;
                width: 100%;
                background-repeat: no-repeat;
                background-size: 100% 100%;
                position: relative;
            }
            #mifeng{
                height: 500px;
                width: 500px;
                border-radius: 40%;
                /*border: 5px solid white;*/
                position: absolute;
                bottom: 50px;
                left: 180px;
                /*transform: translate3d(30deg,30deg,30deg);*/
            


            }
            #university{
                padding: 0;
                margin: 0;
                width: 800px;
                box-sizing: border-box;
                
            }
            .sias{
                width: 25%;
                height: 300px;
                list-style: none;
                float: left;

            }
            #university:after{
                display: block;
                content: "";
                clear:both;
                /*zoom: 1;*/
            }
            .sl{
                width: 200px;
                height: 300px;
            }

            
        </style>
        
    </head>
    <body>
        
        <div id="nav">
            <div id="inner-nav">
                <a href="#">首页</a>&emsp;&emsp;<a href="#school">我的学校</a>&emsp;&emsp;<a href="#home">我的家乡</a>&emsp;&emsp;<a href="#habit">我的爱好</a>&emsp;&emsp;<a href="#animate">我喜欢的动物</a>
            </div>
                
            
            
        </div>
        
        <div id="banner">
            <div id="tit">个人简介</div>
            
        </div>
        <div id="container">
            <h2 id="school">我的学校: <a href="http://www.sias.edu.cn/">郑州大学西亚斯国际学院</a> </h2>
            <p class="text">我校紧紧围绕“国际化”这一特色，开展了全方位、多领域、高层次的对外交流，开创了对外合作交流新局面，国际影响不断扩大。10年来，来自世界上12个国家的专家学者来院讲学。先后与多所国外大学结为友好学校并建立了合作关系，每年都有近百名的学生赴海外留学深造.频繁的学术交流和教师外派，强化了西亚斯管理人员和师资的国际化背景。2008年我校正式成为亚太大学联合会会员，该联合会是在联合国教科文组织注册登记的非政府组织，拥有400多所会员高校。</p>
            <img class="pic" src="c.jpg" alt="">
            <div>
                <ul id="university">
                    <li class="sias"><a href="https://baijiahao.baidu.com/po/feed/share?wfr=spider&for=pc&context=%7B%22sourceFrom%22%3A%22bjh%22%2C%22nid%22%3A%22news_3301293341174185987%22%7D"><img class="sl" src="6.jpg" alt=""></a></li>
                    <li class="sias"><a href="http://www.sohu.com/a/118883591_387256"><img class="sl" src="r.jpg" alt=""></a></li>
                    <li class="sias"><a href="http://tieba.baidu.com/p/3971526160"><img class="sl" src="p.jpg" alt=""></a></li>
                    <li class="sias"><a href="http://image.baidu.com/search/detail?ct=503316480&z=0&ipn=d&word=sias%E7%9A%84%E9%A3%8E%E6%99%AF&step_word=&hs=2&pn=9&spn=0&di=139514606221&pi=0&rn=1&tn=baiduimagedetail&is=0%2C0&istype=0&ie=utf-8&oe=utf-8&in=&cl=2&lm=-1&st=undefined&cs=524082633%2C212153579&os=1332091626%2C583772224&simid=3366760951%2C106232471&adpicid=0&lpn=0&ln=1568&fr=&fmq=1499691984276_R&fm=&ic=undefined&s=undefined&se=&sme=&tab=0&width=undefined&height=undefined&face=undefined&ist=&jit=&cg=&bdtype=0&oriquery=&objurl=http%3A%2F%2Fs11.sinaimg.cn%2Fmiddle%2F6234f661t8a7dae008f2a%26690&fromurl=ippr_z2C%24qAzdH3FAzdH3Fks52_z%26e3Bftgw_z%26e3Bv54_z%26e3BvgAzdH3FfAzdH3Fks52_mdn9umm8a8aa3pe8_z%26e3Bip4s&gsm=0&rpstart=0&rpnum=0"><img class="sl" src="v.jpg" alt=""></a></li>
                </ul>
            </div>


            <hr>

            <h2 id="home">我的家乡: <a href="http://baike.baidu.com/link?url=g_gKmnnnOJV9G45P0NhDZfwYPee2Dr3SvUYYAuoSHcs40o42F63_plaGwq0nD4jw2fOEvrYA_lABTPtaRd7t8bDmoOfHDMiHO-xHiUvBoQe">美丽的息县</a> </h2>
            <p class="text">息县位于河南省东南部，大别山北麓，有“不息之壤”之称。属于信阳市。面积1835平方千米，人口101万。年平均气温15.2°C，年降水量为946毫米，无霜期222天。县内已形成以农副产品加工、建材等为龙头的工业生产体系；土特产有香稻丸、蜂蜜。中药材半夏驰名中外，有“息半夏”之称。旅游景点有新石器时代的“秦楼遗址”、周代的“青龙寺”等。</p>
            <img class="pic" src="e.jpg" alt="">
            <hr>

            <h2 id="habit">我的爱好: <a href="http://baike.baidu.com/link?url=dfUOvHAOALpcssWvCVZ8zH3SLfV9pZqUoTSC0Jy7XA5Mhdxue0g9suVi0OP481obGiTQK0J7-sepHmjVbjFeCA6p4DLZ03m-CUrT9xbxrKLNl4zCSXBdwlPIoyFqdE6Ls1kAFy3hjFyhJfsh5_3r0q">开心消消乐</a> </h2>
            <p class="text" id="kai">《开心消消乐》是一款三消游戏，游戏画面精美、上手简单。玩家只需滑动手指让三个及以上的同色小动物横竖相连即可消除，完成每关的指定消除目标就可以过关。小动物的滑动还会触发很多神奇的效果，比如在四连直线和横线特效相邻时，两个互相拖动，两者同时触发，构成十字架；四连直线可以产生爆炸特效，使横排或竖排四个目标同时清空。</p>
            <img class="pic" src="f.jpg" alt="">
            <br>

            <div class="clearfix">
                <img class="pict" src="g.jpg" alt="">
                <img class="pictt" src="h.jpg" alt="">
            </div>
            <hr>
            <!--<ur>
                <li>我的学校</li>
                <li>我的家乡</li>
                <li>我的爱好</li>
            </ur>-->
            <h2 id="animate">我喜欢的动物：<a href="http://baike.baidu.com/link?url=7wIs3-va2UcVL8EiXDyk7vcDH62xtjftLzasMNuS7G6qTh86FkjU6U37JokR2O53bTqEp-hJMzZhOD9l0fNT08Ixfai1_kzfgiAhvKEuA8W">蜜蜂</a></h2>
            <p class="text">蜜蜂属膜翅类昆虫,它们喜欢过群居的生活,是昆虫中进化程度最高的类群。蜜蜂分为蜂王、工蜂等几个不同阶层的蜜蜂。其中蜂王地位最高，在一个蜜蜂群体中，只有一个蜂王，蜂王专门负责繁殖后代，因此食物也很特别。蜂王的食物为皇浆，也称蜂王乳。工蜂则注定一生下来就要工作，为蜜蜂王国所有成员提供足够的食物：花蜜和皇浆。</p>
            <div id="mydongwu">
                <img id="mifeng" src="6.png" alt="">
            </div>
            <hr>    




            

        </div>
    </body>
</html>